<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>无标题文档</title>
		<link href="../../../static/css/style.css" rel="stylesheet" type="text/css" />
		<link href="../../../static/css/select.css" rel="stylesheet" type="text/css" />

		<script type="text/javascript" src="../../../static/js/jquery.js"></script>
		
		<script type="text/javascript" src="../../../static/js/jquery.idTabs.min.js"></script>
		<script type="text/javascript" src="../../../static/js/select-ui.min.js"></script>
		<script type="text/javascript" src="../../../static/editor/kindeditor.js"></script>

		<script type="text/javascript">
		$(document).ready(function(e) {
		    $(".select1").uedSelect({
				width : 200		  
			});
			
		});
		</script>
		<script type="text/javascript">
			$(document).ready(function(){
			  $(".click").click(function(){
			  $(".tip").fadeIn(200);
			  });
			  
			  $(".tiptop a").click(function(){
			  $(".tip").fadeOut(200);
			});
			
			  $(".sure").click(function(){
			  $(".tip").fadeOut(100);
			});
			
			  $(".cancel").click(function(){
			  $(".tip").fadeOut(100);
			});
			
			});
		</script>

		<style type="text/css">
			td>span{
				display: inline;
			}
		</style>


	</head>

	<body>

		<div class="place">
			<span>位置：</span>
			<ul class="placeul">
				<li><a href="#">人事管理</a></li>
				<li><a href="#">角色管理</a></li>
			</ul>
		</div>

		<div class="rightinfo" id="app">

			<ul class="prosearch">
				<li>
					<label>查询：</label><i>角色名</i>
					<a>
						<input name="roleName" type="text" class="scinput" />
					</a>
				</li>
				<a>
					<input name="" type="button" class="sure" value="查询" @click="getRoleList()" />
				</a>
				<a>
					<input name="" type="button" class="sure" value="新增角色" onclick="toRoleAdd()" />
				</a>
			</ul>

			<div class="formtitle1"><span>角色列表</span></div>

			<table class="tablelist">
				<thead>
					<tr>
						<th>角色<i class="sort"><img src="../../../static/images/px.gif" /></i></th>
						<th>所有权限</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					<tr v-for="one in messages">
						<td>{{one.roleName}}</td>
						<td>
							<span v-for="module in one.modules">{{module}} </span>
						</td>
						<td>
							<a href="javascript:void 0" class="tablelink toRoleInfo" onclick="toRoleInfo(this)">查看详情</a>
							<a href="javascript:void 0" class="tablelink toUpdate" onclick="toUpdate(this)"> 修改</a>
							<a href="javascript:void 0" class="tablelink click" id="deleteRole" onclick="deleteRole(this)"> 删除</a>
						</td>
					</tr>

				</tbody>
			</table>
		</div>

		<script type="text/javascript">
			$('.tablelist tbody tr:odd').addClass('odd');
		</script>

	</body>

</html>


<script type="text/javascript" src="../../../static/js/axios.min.js"></script>
<script type="text/javascript" src="../../../static/js/vue.js"></script>
<script type="text/javascript" src="../../../static/js/sysManage/roleManage/roleList.js"></script>

